$style: #e5373b;
#news {
	.tab {
		width: 100%;
		height:74rpx;
		background-color: #fff;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 3;
		padding: 0 50rpx;
		display: flex;
		.item {
			margin-right:70rpx;
			height:74rpx;
			display: inline-block;
			font-size:28rpx;
			white-space: nowrap;
			position: relative;
			text-align: center;
			line-height:74rpx;
			transition: color 0.3s;
			color: #666;
			&::after {
				content: '';
				display: block;
				width:40rpx;
				height:4rpx;
				border-radius:2rpx;
				position: absolute;
				bottom: 0;
				left: 50%;
				margin-left: -20rpx;
				transition: all 0.3s;
			}
			&.active {
				color: $style;
				&::after {
					background-color: $style;
				}
			}
		}
	}
	.tab-h {
		width: 100%;
		height:74rpx;
	}
	.list {
		width: 100%;
		.item {
			padding:16rpx 32rpx;
			display: flex;
			align-items: center;
			.img {
				width: 218rpx;
				height: 164rpx;
				border-radius:4rpx;
				border-radius:0;
				flex-shrink: 0;
				image {
					width: 100%;
					height: 100%;
				}
			}
			.texts {
				margin-left:18rpx;
				width: 100%;
				.title {
					font-size:28rpx;
					line-height:42rpx;
					height:84rpx;
				}
				.bot {
					display: flex;
					justify-content: space-between;
					align-items: center;
					margin-top:30rpx;
					.label {
						display: inline-block;
						height:34rpx;
						padding: 0 12rpx;
						line-height:34rpx;
						border-radius:4rpx;
						background-color: #ffebeb;
						color: $style;
						font-size: 20rpx;
					}
					.v-t {
						display: inline-flex;
						align-items: center;
						font-size:24rpx;
						color: #999;
						view {
							margin-left: 30rpx;
							text {
								font-size:24rpx;
								margin-right:5rpx;
							}
						}
					}
				}
			}
		}
	}
}